//设置登录和登出模块的js  
   var userData = $.cookie("userState");
   console.log(userData)
   userData = userData? JSON.parse(userData):null;
   if(userData && userData.state ===1){
       $(".index-login").hide();
       $(".welcome").show().children("span").text(userData.user);
   }else{
    $(".index-login").show();
    $(".welcome").hide();
   }
   $(".welcome").children("i").click(function(){
       userData.state = 0;
       $.cookie("userState",JSON.stringify(userData));
       location.reload();
   })
// 登录和注册的板块跟随滑动的js
    $(window).scroll(function(){
        // console.log(document.documentElement.scrollTop+36)
        $(".top-wrap").animate({
            "top":document.documentElement.scrollTop
        },0);
        if(document.documentElement.scrollTop>148){
            $(".hide-search-wrap").css("display","block")
            $(".hide-search-wrap").animate({
                "top":document.documentElement.scrollTop+36
            },0)
        }else if(document.documentElement.scrollTop<148){
            $(".hide-search-wrap").css("display","none")
        }
    })
// banner的外部引入的js
    $(".banner").banner({
        items:$(".banner").children(".imgbox").children("a"),
        btn:false,  
        list:true, 
        autoplay:true,  
        keeptime:3000, 
        movetime:1000, 
        index:0,   
    })
// banner菜单的js
    $(".subnav").children().children().eq(6).prevAll("figure").hover(function(){
        $(this).css({
            "border":"2px solid red",
            // "border-right":"2px solid white",
        })
    },function(){
        $(this).css({
            border:""
        })
    })
// banner的移入移出菜单效果js
    $(".subnav").find("figure").hover(function(){
        $(this).css({
            "border":"2px solid red",
        }).find("aside").css({
            "display":"block",
        })
    },function(){
        $(this).css({
            "border":"",
        }).find("aside").css({
            "display":"none",
        })
    })
// 手风琴效果js
    $(".first-look").find("div").mouseenter(function(){
        $(this).stop().animate({width:400,}).siblings().stop().animate({width:202,});//宽度

        $(this).find("h3").css({"font-size":"30px"}) ;
        $(this).siblings().find("h3").css({"font-size":"20px"});

        $(this).addClass("setback").siblings().removeClass("setback");//设置大的背景图

        $(this).find("img").stop().animate({
            margin: "25px 0px 0px 250px",
        },300);
        $(this).siblings().find("img").stop().animate({
            margin: "25px 0px 0px 70px",
        },300);//设置图片

        $(this).children().addClass("setaback");
        $(this).siblings().find("a").removeClass("setaback");//设置小背景图go
    })
// 向后端请求数据js
    window.onload=function(){
        $.ajax({
            url:"http://localhost:3000/api",
            data:{
                type:"goods",
            },
            success:function(res){
                res0 = JSON.parse(res)[0];
                res1 = JSON.parse(res)[1];
                res2 = JSON.parse(res)[2];
                console.log(JSON.parse(res)[2]);
                render0(res0);
                render1(res1);
                render2(res2);
            }
        });
        cartNum();
    }
//渲染秒杀板块数据js
    function  render0(res0){
        let str = ` <li>
        <a href="##">
            <h2>文轩秒杀</h2>
            <p >限时抢购中</p>
            <b>距离结束剩余</b>
            <div>
                <span>08</span>&nbsp;:
                <span>30</span>&nbsp;:
                <span>00</span>
            </div>
            <p>点击查看更多>></p>
        </a>
        </li>`;
        res0.forEach(element => {
            str +=` <li>
            <a href="##">
                <img src="${element.图片地址}" alt="">
                <p class="dany">${element.书名}</p>
                <aside>
                    <span>${element.现价}</span>
                    <i>${element.原价}</i>
                </aside>
            </a>
        </li>`
        });
        $(".crazy").children()[0].innerHTML=str;
    }
//渲染秒杀倒计时js
    (function(){
        var start = new Date();
        var end = new Date("2020-10-10 18:00:00");
        var t = Math.abs(end.getTime() - start.getTime())/1000;
        function showTime(){
            if( t < 0 ){
                $(".crazy ul").find("li").eq(0).find("div").children().eq(0).text("00")
                $(".crazy ul").find("li").eq(0).find("div").children().eq(1).text("00")
                $(".crazy ul").find("li").eq(0).find("div").children().eq(2).text("00")
                return;
            }
            let h = parseInt( t/3600 )>=10 ? parseInt( t/3600 ):"0"+parseInt( t/3600 );
            let m = parseInt( (t-h*3600)/60 )>=10 ? parseInt( (t-h*3600)/60 ):"0"+parseInt( (t-h*3600)/60 );
            let s = parseInt( t - h*3600 - m*60 )>=10 ? parseInt( t - h*3600 - m*60 ):"0"+parseInt( t - h*3600 - m*60 );
            $(".crazy ul").find("li").eq(0).find("div").children().eq(0).text(h)
            $(".crazy ul").find("li").eq(0).find("div").children().eq(1).text(m)
            $(".crazy ul").find("li").eq(0).find("div").children().eq(2).text(s)
    }
        showTime();
        var timer = setInterval( function(){
            t--;
            if( t < 0 ){
                clearInterval( timer );
            }else{
                showTime();
            }
        },1000 );
    })()
   
// 每日精选板块js
    $(".jingpin .jingpin-nav").find("a").hover(function(){
        $(this).addClass("active2").siblings().removeClass("active2") 
        $(this).parent().parent().next().children().eq($(this).index()).addClass("active1").siblings().removeClass("active1");
    })
    $(".jingpin .cont").find("a").hover(function(){
        $(this).css(
            {"color":"red"}
        )
    },function(){
        $(this).css(
            {"color":""}
        )
    })
//渲染文轩聚焦板块的js数据
    function  render1(res1){
        let str = ``;
        res1.forEach(element => {
            str +=`<li>
            <a href="##">
                <img src="${element.图片地址}" alt="">
                <p class="dany">${element.书名}</p>
                <p class="dany">${element.作者}</p>
                <aside>
                    <span>${element.现价}</span>
                    <i>${element.原价}</i>
                </aside>
            </a>
        </li>`
        });
        $(".focus").find("ul").html(str);
    }
// 设置作者推荐板块的js左边和右边高度一样
    $(".listr").css({height:$(".authorlist .listl").innerHeight()});
    $(".listr").css({height:"566px"});
// 左边的高度明明是566，获取出来却是505
//渲染作家板块的js
    function  render2(res2,index){
        if(!index){index=0};
        let str1 = `<aside>
        <a href="##"><img src="${res2[index].作者图片地址}" alt=""></a>        
            <h4><a href="##">${res2[index].作者}</a></h4><br>
            <span>${res2[index].介绍}</span>        
    </aside>`;
        $(".listl").find("aside").html(str1);
        let str2 = ``;
        res2[index].作品.forEach(element => {
            str2 +=`<li>
            <a href="##">
                <img src="${element.图片地址}" alt="">
                <p class="dany">${element.书名}</p>
                <p>
                    <span>${element.现价}</span>
                    <i>${element.原价}</i>
                </p>
            </a>
        </li>`;
        });
        $(".listl").find("ul").html(str2);
    }
    $(".author .listl article h5").find("a").mouseenter(function(){
        $(this).addClass("authoractive").siblings().removeClass();
        let index = $(this).index();
        $.ajax({
            url:"http://localhost:3000/api",
            data:{
                type:"goods",
            },
            success:function(res){
                res2 = JSON.parse(res)[2];
                render2(res2,index);

            }
        })

    })
// 百货板块js
    $(".store h5").find("a").mouseenter(function(){
        $(this).css({
            "font-weight":600,
             "color":"black",
        }).siblings().css({
            "font-weight":400,
            "color":" #666",
        })
        console.log($(this).parent().next().children().eq($(this).index()))
        $(this).parent().next().children().eq($(this).index()).addClass("baihuoactive").siblings().removeClass()
    })
//楼层效果js
    $(window).scroll(function(){
        if($("html").scrollTop()-99 <580){
            $(".floor").hide(400)
        }
        if($("html").scrollTop()-99 >580){
            $(".floor").show(400)
        }
    
    })
    $(".floor").find("li").click(function(){
        if($(this).index()>=1&&$(this).index()<=6){
            $("html").animate({
                scrollTop:$(".floor-top").eq($(this).index()-1).offset().top-99
            })
        }
    })
    $(".floor").find(".icon-shangjiantou").parent().click(function(){
        $("html").animate({
            scrollTop:0
        })
    });


    function cartNum(){
        var Num=0;
        JSON.parse($.cookie("goodMsg")).forEach(element => {
            console.log(element.num)
            Num+=element.num;
        });
        $(".search-wrap-wrap .cart").find("i").html(Num);
    
    }
    